<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" th:href="@{css/index.css}">
</head>
<body>
<!-- banner -->
<div class="banner">
    <ul>
        <li class="logo">订户订阅报刊系统</li>
        <li><a href="/index">首页</a></li>
        <li><a href="#aboutUs">关于我们</a></li>
        <li><a href="#newsCenter">新闻案例</a></li>
        <li class="login"><a class="indexlogin" href="#">系统登录</a><span>||</span><a class="indexsignup" href="#">注册</a></li>
    </ul>
</div>
<!-- 图片展示 -->
<div class="banner1">
    <ul id="slider-content" class="full_screen">
        <li style="display:block;">
            <img src="image/indexImg1.jpg" />
        </li>
        <li><img src="image/indexImg2.jpg" /> </li>
        <li><img src="image/indexImg3.jpg" /> </li>
        <li><img src="image/indexImg4.jpg" /> </li>
        <li><img src="image/indexImg5.jpg" /> </li>
    </ul>
    <ul id="slider-nav" class="slider-nav">
        <li class="on"><a href="javascript:void(0)">1</a></li>
        <li><a href="javascript:void(0)">2</a></li>
        <li><a href="javascript:void(0)">3</a></li>
        <li><a href="javascript:void(0)">4</a></li>
        <li><a href="javascript:void(0)">5</a></li>
    </ul>
</div>
<!-- 关于我们 -->
<div class="company-intr index-div" id="aboutUs">
    <div class="container">
        <h2>
            关于<span>我们</span>
        </h2>
        <hr size="5" color="#258fe9" width="160px">
        <div class="row">
            <div class="col-xs-7">
<!--                <p>重庆洛唐信息技术有限公司成立于2017年4月，长期致力于物联网、人工智能项目的研究和开发。公司目前在智慧图书馆、智慧餐饮等行业推出智能书柜、智能存包柜、智能餐柜等多种产品。</p>-->
<!--                <p>图书漂流管理系统致力于通过产品让各种场景更加智能，生活更加便利，最终达到“智能改变生活”的目标。</p>-->
            </div>
            <div class="col-xs-5">
                <img src="image/aboutUs.jpg">
            </div>
        </div>
    </div>
</div>
<!-- 新闻动态 -->
<div class="news index-div" id="newsCenter">
    <div class="container">
        <h3>新闻动态</h3>

        <ul class="news-list row">
            <li class="col-lg-6" th:each="newone:${news}">
                <div class="news-outside">
                    <div class="news-head clearfix" th>
                        <h2>
                            <a th:href="${newone.newhref}" th:text="${newone.title}"></a>
                        </h2>
                        <span th:text="${newone.createtime}"></span>
                    </div>
                    <div class="news-content">
                        <p class="eclips2" th:text="${newone.content}"></p>
                    </div>
                </div>
            </li>
        </ul>
        <div class="text-center">
            <a href="/content/xwzx.jhtml" class="news-more">查看更多</a>
        </div>
    </div>
</div>
<!-- footer -->
<footer id="vip">
    <div class="container clearfix">
        <div class="row row-one">
            <div class="col-xs-4">
                <div>联系电话</div>
                <div class="tel">18652743105</div>
                <div class="tel">18652743105(熊先生）</div>
                <div class="other other-one">工作日上午9:00-12:00, 下午13:30-18:00</div>
                <div class="other">邮箱：1400781352@qq.com</div>
                <div class="other">地址：江苏大学</div>
            </div>
            <div class="row-one-right">
                <ul>
                    <li>新闻中心</li>
                    <li><a href="#newsCenter">新闻中心 </a> </li>
                </ul>
                <ul>
                    <li>关于我们 </li>
                    <li><a href="#aboutUs">关于我们 </a> </li>
                    <li><a href="#linkUS">联系我们 </a> </li>
                </ul>
            </div>
        </div>
        <div class="row row-two">
            <div class="col-xs-4 row-two-left">
                <img src="image/book3.png" width="100px">
                <p>移动互联网时代，我们鼎故革新，助力图书漂流发展。</p>
            </div>
            <div class="col-xs-8 row-two-right">
                <div class="">
                    <p>QQ咨询</p>
                    <div><img src="image/indexImgQQ.jpg" width="100px"></div>
                </div>
                <div class="">
                    <p>微信咨询</p>
                    <div><img src="image/indexImgQQ.jpg" width="100px"></div>
                </div>
            </div>
        </div>
        <p class="copy">© 2019-2020 江苏大学计算机科学与通信工程学院计算机1802熊宏杰 版权所有</p>
    </div>
</footer>
<script type="text/javascript" th:src="@{jquery-3.5.0.min.js}"></script>
<script th:src="@{js/index.js}"></script>
</body>
</html>